/* Handle */
.chat-monitor {
    display: flex;
    width: 100%;
}

.chat-monitor ::-webkit-scrollbar {
    width:5px;
    height: 5px;
}

.chat-monitor ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:rgba(145,192,239,0.7);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}
.chat-monitor ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(145,192,239,0.3);
}

.chat-monitor {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    overflow: auto;
    background:#f5f5f5;
}

.chat-monitor * {
    box-sizing: content-box;
}

.chat-monitor ol, ul {
    padding-left: 0;
    list-style-type: none;
}

.chat-monitor .left_panel {
    position: relative;
    width: 260px;
    height: 100%;
    float: left;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.chat-monitor .header {
    padding: 10px 12px;
    position: relative;
    border-bottom:1px solid #dfdfdf;
}
.chat-monitor .header .avatar {
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    padding-right: 10.625px;
}
.chat-monitor .header .info {
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    width: 2000px;
}
.chat-monitor .header .nickname{
    overflow:hidden;
    display: flex;
    flex-direction: column;
}

.chat-monitor .header .nickname .name_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-monitor .header .info .nickname .display_name {
    position: relative;
    display: flex;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.chat-monitor .header .info .nickname .refreshClients {
    position: absolute;
    top: 5px;
    right: 0;
}

.chat-monitor .header .info .nickname .display_name .name_extra {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    margin: 0 5px 0 0;
}

.chat-monitor .header .info .nickname .display_name .name_extra.timeout {
    /*line-height: normal;*/
}

.chat-monitor .header .info .nickname .display_name .name_extra .user_status {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    background-color: orange;
    color: white;
    padding: 0 6px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 22px;
}

.chat-monitor .header .info .nickname .display_name .name_extra.timeout .user_status {
    animation-name: breath;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: breath;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
}

.chat-monitor .header .info .nickname .display_name .name_extra .online {
    background-color: green;
}

.chat-monitor .header .info .nickname .display_name .name_extra .session_stat {
    font-size: 12px;
    color: #888;
    font-weight: 400;
    display: block;
}

.chat-monitor .header .info .nickname .display_name .stat_info {
    display: inline-block;
    background-color: #FE7903;
    color: #fff;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
}
.chat-monitor .header .info .nickname .display_name .stat_info .queue_waiting_requests {
    font-size: 13px;
    font-weight: bold;
}

.chat-monitor .header .info .nickname .opt {
    display: inline-block;
    vertical-align: top;
    float:right;
}

.chat-monitor .chat_add {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #808080;
}

.chat-monitor .session_container {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
    border-left:1px solid #e8e8e8;
    flex: 1;
}
.chat-monitor .session_list .empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: gray;
}

.chat-monitor .session_hd {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 30px;
}
.chat-monitor .session_hd .title_wrap {
    position: relative;
    padding: 15px 0;
    margin: 0 19px;
    border-bottom: 1px solid #d6d6d6;
    z-index: 0;
}
.chat-monitor .session_hd .title_wrap .session_btn_container {
    position: absolute;
    right: 0;
    top: 15px;
    display: none;
}
.chat-monitor .session_hd .title_wrap .session_btn_container a {
    background-color: #459ae9;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}
.chat-monitor .session_hd .title_wrap .session_btn_container i {
    margin-right: 3px;
}
.chat-monitor .session_hd .title {
    font-weight: 400;
    height: 25px;
    display: inline-block;
    font-size: 14px;
}
.chat-monitor .session_hd .title.poi {
    /* cursor: pointer; */
}

.chat-monitor .session_hd .session_last {
    position: absolute;
    left: 0;
    font-size: 12px;
}

.chat-monitor .session_list {
    padding: 0;
    margin: 0;
    overflow-y: auto;
    height: 100%;
    min-width: 200px;
    display: none;
    background-color: white;
    max-width: 200px;
}

.chat-monitor .session_list .list_header {
    padding: 12px 12px 11px;
    height: 45px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
}

.chat-monitor .session_list .list_header .cur_staff_info {
    height: 100%;
    width: 90%;
    padding-right: 10px;
}

.chat-monitor .session_list .list_header .cur_staff_name {
    font-size: 20px;
    font-weight: bold;
}

.chat-monitor .session_list .list_header .cur_staff_id {
    font-size: 14px;
    color: #999;
}

.chat-monitor .session_list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.chat-monitor .session_list::-webkit-scrollbar-track {
    background: #FFFFFF;
}

.chat-monitor .session_list::-webkit-scrollbar-thumb {
    background: #C3C3C3;
    -webkit-border-radius: 8px;
}

.chat-monitor .chat_item {
    overflow: hidden;
    padding: 12px 12px 11px;
    cursor: pointer;
    position: relative;
    border-bottom:1px solid #e8e8e8;
}

.chat-monitor .chat_item.top {
    background-color: #ecf0f1;
    font-family: 'Font Awesome 5 Pro';
}

.chat-monitor .chat_item.top:before {
    content: "\f08d";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #cacaca;
}

.chat-monitor .chat_item.locked {
    background-color: #f9f9f9;
    font-family: 'Font Awesome 5 Pro';
}

.chat-monitor .chat_item.locked:before {
    content: "\f023";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #cacaca;
}

.chat-monitor .chat_item .avatar {
    float: left;
    margin-right: 16px;
    position: relative;
}
.chat-monitor .chat_item .avatar .img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.chat-monitor .chat_item .info {
    overflow: hidden;
    min-height: 49px;
}
.chat-monitor .chat_item .info .nickname {
    font-weight: 400;
    font-size: 14px;
    color: #444f5c;
    line-height: 20px;
}
.chat-monitor .chat_item.closed .info .nickname{
    color:#909b9f;
}
.chat-monitor .chat_item .info .nickname_text {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.chat-monitor .chat_item .icon {
    position: absolute;
    top: 35px;
    right: 24px;
    color: #FFF;
    font-style: normal;
    font-size: 12px;
    text-align: center;
}
.chat-monitor .web_wechat_reddot_middle {
    background: #fb3935;
    min-width: 6px;
    height: 20px;
    line-height:20px;
    border-radius:12px;
    padding:0 7px;
}

.c_chat i.web_wechat_reddot_middle {
    position: absolute;
    top: 8px;
    right: -5px;
    color: #FFF;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    width: 30px;
    height: 20px;
    background: #ff5d4d;
    border-radius: 10px;
    line-height: 18px;
}

.chat-monitor .chat_item.active {
    background: #eef6fb;
}

.chat-monitor .chat_item.closed .rate{
    cursor: not-allowed;
}
.chat-monitor .chat_item.closed .close {
    cursor:pointer;
}
.chat-monitor .chat_item.closed .avatar img{
    filter: grayscale(100%);
}

.chat-monitor .chat_item .info .msg {
    color: #444f5c;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    height: 1.5em;
    margin-top: 5px;
}
.chat-monitor .chat_item .ext {
    float: right;
    color: #9ea3a5;
    font-size: 12px;
    text-align: right;
}
.chat-monitor .chat_item.closed .icon {
    display:none;
}
.chat-monitor .chat_item.closed .ext {
    color: #cad3d6;
}
.chat-monitor .chat_item.closed .info .msg {
    color: #8F9DA1;
}

/*.chat_item.closed .avatar,.chat_item.closed .rate {
    opacity:0.4;
} */
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group svg{
    fill: #5B9C23;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group svg{
    fill: #c1c1c1;
}
.chat_item.closed .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group svg,
.chat_item.closed .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group svg{
    fill: #c1c1c1;
}
.chat-monitor .session_container .control_panel {
    min-height: 190px;
    /*margin-right: 19px;*/
    border-top: 1px solid #d6d6d6;
    display: flex;
    flex-direction: column;
}
.chat-monitor .session_content_container.wissplitter .control_panel {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 0;
}

.chat-monitor .session_container .session_content_container.wissplitter .box_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.chat-monitor .message_panel {
    bottom: 180px;
}

.chat-monitor .session_container .control_panel .toolbar {
    height: 30px;
    padding: 5px 17px;
    position: relative;
    display: flex;
    align-items: center;
}

.chat-monitor .chat_refresh {
    margin: 0 3px;
    cursor: pointer;
}

.chat-monitor .chat_face {
    background: url(../chat/images/sprite.png) 0 -804px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.chat-monitor .chat_screencut {
    background: url(../chat/images/sprite.png) 0 -1915px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.chat-monitor .chat_pic {
    background: url(../chat/images/sprite.png) 0 -1636px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.chat-monitor .chat_push_rating {
    background: url(../chat/images/sprite.png) 3px -2487px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.chat-monitor .chat_push_rating.rated {
    background: url(../chat/images/sprite.png) 3px -2513px;
}
.chat-monitor .chat_translate {
    background: url(../chat/images/sprite.png) 3px -2543px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
}

.chat-monitor .chat_audio, .chat-monitor .chat_video {
    display: none;
    float: right;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    color: #4D4D4D;
    font-size: 22px;
    font-weight: 300;
    margin-left: 20px;
    font-family: 'Font Awesome 5 Pro';
}

.chat-monitor .chat_audio:before{
    content: "\f130"
}

.chat-monitor .chat_video:before{
    content: "\f03d"
}

.chat-monitor .scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative;
}

.chat-monitor .session_content_container {
    position: absolute;
    top: 68px;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;

}

.chat-monitor .session_container .box_bd {
    flex: 1;
    height: 0;
    padding: 0 19px;
    overflow-y: auto;
    overflow-x: hidden;
}

.chat-monitor .webuploader-element-invisible {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
}

.chat-monitor .control_panel .content .flex {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 20px;
    outline: 0;
    border: 0;
    font-size: 16px;
}
.chat-monitor pre {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    word-break: initial;
    line-height: initial;
    color: #343e4a;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
}

.chat-monitor .control_panel .action {
    text-align: right;
    margin: 10px 20px;
}
.chat-monitor .control_panel .desc {
    color: #888;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 7px;
}
.chat-monitor .control_panel .helps {
    float: left;
    line-height: 25px;
    color: #888;
    padding-left: 19px;
}
.chat-monitor .control_panel .helps .message_preview_btn {
    cursor: pointer;
    color: #888;
}
.chat-monitor .btn {
    display: inline-block;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 20px;
    font-size: 14px;
}

.chat-monitor a.btn {
    text-decoration: none;
}

.chat-monitor .btn_send {
    background-color: #4ca3ff;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 3px 0px 0px 3px;
    height: 25px;
}

.chat-monitor .btn_send_switcher {
    float: right;
    border-radius: 0 3px 3px 0;
    background-color: #4ca3ff;
    padding: 3px 3px;
    border-left: 0;
    height: 25px;
}

.chat-monitor .send_switcher_ul {
    position: absolute;
    right: 0px;
    bottom: 27px;
    border: 1px solid #c1c1c1;
    padding: 0;
    list-style: none;
    display: none;
}
.chat-monitor .send_switcher_ul li {
    font-size: 12px;
    background: #fff;
    padding: 3px 12px;
}
.chat-monitor .send_switcher_ul li.active {
    background: #87C7F7;
}

.chat-monitor .clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.chat-monitor .message_system {
    text-align: center;
    margin: 10px auto;
    max-width: 50%;
    font-size: 14px;
    background-color: rgb(184, 184, 185);
    color: white;
    padding: 5px;
    border-radius: 5px;
    word-wrap: break-word;
}

.chat-monitor .message.me {
    float: right;
    text-align: right;
    clear: right;
}

.chat-monitor .message {
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

.chat-monitor .message .nickname {
    font-weight: 400;
    padding: 0 10px;
    font-size: 12px;
    height: 22px;
    line-height: 24px;
    color: #4f4f4f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.chat-monitor .message.me .avatar {
    float: right;
}

.chat-monitor a {
    color: #459ae9;
}

.chat-monitor .message .avatar {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    cursor: auto;
}

.chat-monitor .message.me .content {
    overflow: hidden;
}

.chat-monitor .message .content {
    overflow: hidden;
}

.chat-monitor .message .content .revoked {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    background-color: rgb(184, 184, 185);
    padding: 3px;
    border-radius: 5px;
}
.chat-monitor .message .content .revoked .reedit {
    margin-left: 3px;
    cursor: pointer;
}
.chat-monitor .message .content .revoked .reedit:hover {
    color: #3498db;
}

.chat-monitor .message .content .sending {
    display: inline-block;
    color: #a5a4a4;
    font-size: 11px;
    background-color: rgb(251 251 251);
    padding: 3px;
    border-radius: 5px;
    background-image: url(../chat/images/sending.gif);
    width: 20px;
    height: 20px;
    background-size: contain;
}

.chat-monitor .message .content .failed {
    display: inline-block;
    color: #bb1b1b;
    font-size: 20px;
    background-color: rgb(251 251 251);
    padding: 3px;
    border-radius: 5px;
}

.chat-monitor .bubble.left:before,.chat-monitor .bubble.left:after {
    right: 100%;
}

.chat-monitor .bubble.right:before,.chat-monitor .bubble.right:after {
    left: 100%;
}

.chat-monitor .bubble.bubble_primary.right:after {
    border-left-color: #f1f1f2;
    border-left-width: 4px;
}

.chat-monitor .bubble.right:after {
    border-left-color: #FFF;
}

.chat-monitor .bubble.left:after {
    border-right-color: #EBF5FE;
    border-right-width: 4px;
}

.chat-monitor .bubble:before,.chat-monitor .bubble:after {
    position: absolute;
    top: 12px;
    border: 6px solid transparent;
    content: " ";
}

.chat-monitor .bubble.bubble_default .bubble_cont {
    background-color: #e9f6f9;
}

.chat-monitor .bubble.bubble_primary .bubble_cont {
    background-color: #f1f1f2;
}

.chat-monitor .bubble {
    max-width: 500px;
    min-height: 1em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 10px;
}

.chat-monitor .bubble_cont {
    word-wrap: break-word;
    word-break: break-all;
    min-height: 25px;
    border-radius: 6px;
}

.chat-monitor .bubble_cont .plain {
    padding: 12px;
}

.chat-monitor .translate-message {
    word-wrap: break-word;
    word-break: break-all;
    min-height: 25px;
    margin-top: 6px;
    border-radius: 6px;
    background: #edf6ff;
    margin-left: 50px;
}

.chat-monitor .translate-hide {
    display: none;
}

.chat-monitor .bubble.bubble_default .translate-message {
    margin-left: 0;
    margin-right: 50px;
}

.chat-monitor .translate-message .js_message_plain {
    color: #808080;
}

.chat-monitor .translate-message .plain {
    padding: 12px;
}

p.js_extra_title {
    font-size: 16px;
    font-weight: 900;
    color: #fe7903;
    margin: 10px 0;
}

pre.js_extra_plain {
    padding: 5px 0 5px 20px;
}

.chat-monitor .mmpop {
    position: absolute;
    background-color: #fff;
    z-index: 99;
    top: 0;
    left: 0;
    outline: 0;
    display: none;
    top: -275px;
    width: fit-content;
    left: 20px;
}
.chat-monitor .slide-top {
    -webkit-transition: all 0 cubic-bezier(0.25,.46,.45,.94);
    transition: all 0 cubic-bezier(0.25,.46,.45,.94);
}
.chat-monitor .expression {
    border: 1px solid #dedede;
}
.chat-monitor .exp_hd {
    padding: 8px 20px 0;
    overflow: hidden;
    background-color: #f2f2f2;
}
.chat-monitor .exp_hd_item.active {
    background-color: #fff;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
.chat-monitor .exp_hd_item {
    float: left;
}

.chat-monitor .exp_hd_item a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 20px;
    font-size: 14px;
}

.chat-monitor .exp_bd {
    overflow: auto;
    background-color: #fff;
    height: 232px;
}
.chat-monitor .exp_cont.active {
    display: block;
}
.chat-monitor .exp_cont {
    display: none;
    overflow: hidden;
    margin: 15px 20px;
}

.qq_face {
    overflow: hidden;
    width: 435px;
    height: 202px;
    margin-right: -1px;
}
.qq_face a {
    float: left;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -999em;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    cursor: pointer;
    background: url(../chat/images/qqface.png) no-repeat;
}

.qq_face .qqface0 {
    background-position: 0 0
}

.qq_face .qqface1 {
    background-position: -29px 0
}

.qq_face .qqface2 {
    background-position: -58px 0
}

.qq_face .qqface3 {
    background-position: -87px 0
}

.qq_face .qqface4 {
    background-position: -116px 0
}

.qq_face .qqface5 {
    background-position: -145px 0
}

.qq_face .qqface6 {
    background-position: -174px 0
}

.qq_face .qqface7 {
    background-position: -203px 0
}

.qq_face .qqface8 {
    background-position: -232px 0
}

.qq_face .qqface9 {
    background-position: -261px 0
}

.qq_face .qqface10 {
    background-position: -290px 0
}

.qq_face .qqface11 {
    background-position: -319px 0
}

.qq_face .qqface12 {
    background-position: -348px 0
}

.qq_face .qqface13 {
    background-position: -377px 0
}

.qq_face .qqface14 {
    background-position: -406px 0
}

.qq_face .qqface15 {
    background-position: 0 -29px
}

.qq_face .qqface16 {
    background-position: -29px -29px
}

.qq_face .qqface17 {
    background-position: -58px -29px
}

.qq_face .qqface18 {
    background-position: -87px -29px
}

.qq_face .qqface19 {
    background-position: -116px -29px
}

.qq_face .qqface20 {
    background-position: -145px -29px
}

.qq_face .qqface21 {
    background-position: -174px -29px
}

.qq_face .qqface22 {
    background-position: -203px -29px
}

.qq_face .qqface23 {
    background-position: -232px -29px
}

.qq_face .qqface24 {
    background-position: -261px -29px
}

.qq_face .qqface25 {
    background-position: -290px -29px
}

.qq_face .qqface26 {
    background-position: -319px -29px
}

.qq_face .qqface27 {
    background-position: -348px -29px
}

.qq_face .qqface28 {
    background-position: -377px -29px
}

.qq_face .qqface29 {
    background-position: -406px -29px
}

.qq_face .qqface30 {
    background-position: 0 -58px
}

.qq_face .qqface31 {
    background-position: -29px -58px
}

.qq_face .qqface32 {
    background-position: -58px -58px
}

.qq_face .qqface33 {
    background-position: -87px -58px
}

.qq_face .qqface34 {
    background-position: -116px -58px
}

.qq_face .qqface35 {
    background-position: -145px -58px
}

.qq_face .qqface36 {
    background-position: -174px -58px
}

.qq_face .qqface37 {
    background-position: -203px -58px
}

.qq_face .qqface38 {
    background-position: -232px -58px
}

.qq_face .qqface39 {
    background-position: -261px -58px
}

.qq_face .qqface40 {
    background-position: -290px -58px
}

.qq_face .qqface41 {
    background-position: -319px -58px
}

.qq_face .qqface42 {
    background-position: -348px -58px
}

.qq_face .qqface43 {
    background-position: -377px -58px
}

.qq_face .qqface44 {
    background-position: -406px -58px
}

.qq_face .qqface45 {
    background-position: 0 -87px
}

.qq_face .qqface46 {
    background-position: -29px -87px
}

.qq_face .qqface47 {
    background-position: -58px -87px
}

.qq_face .qqface48 {
    background-position: -87px -87px
}

.qq_face .qqface49 {
    background-position: -116px -87px
}

.qq_face .qqface50 {
    background-position: -145px -87px
}

.qq_face .qqface51 {
    background-position: -174px -87px
}

.qq_face .qqface52 {
    background-position: -203px -87px
}

.qq_face .qqface53 {
    background-position: -232px -87px
}

.qq_face .qqface54 {
    background-position: -261px -87px
}

.qq_face .qqface55 {
    background-position: -290px -87px
}

.qq_face .qqface56 {
    background-position: -319px -87px
}

.qq_face .qqface57 {
    background-position: -348px -87px
}

.qq_face .qqface58 {
    background-position: -377px -87px
}

.qq_face .qqface59 {
    background-position: -406px -87px
}

.qq_face .qqface60 {
    background-position: 0 -116px
}

.qq_face .qqface61 {
    background-position: -29px -116px
}

.qq_face .qqface62 {
    background-position: -58px -116px
}

.qq_face .qqface63 {
    background-position: -87px -116px
}

.qq_face .qqface64 {
    background-position: -116px -116px
}

.qq_face .qqface65 {
    background-position: -145px -116px
}

.qq_face .qqface66 {
    background-position: -174px -116px
}

.qq_face .qqface67 {
    background-position: -203px -116px
}

.qq_face .qqface68 {
    background-position: -232px -116px
}

.qq_face .qqface69 {
    background-position: -261px -116px
}

.qq_face .qqface70 {
    background-position: -290px -116px
}

.qq_face .qqface71 {
    background-position: -319px -116px
}

.qq_face .qqface72 {
    background-position: -348px -116px
}

.qq_face .qqface73 {
    background-position: -377px -116px
}

.qq_face .qqface74 {
    background-position: -406px -116px
}

.qq_face .qqface75 {
    background-position: 0 -145px
}

.qq_face .qqface76 {
    background-position: -29px -145px
}

.qq_face .qqface77 {
    background-position: -58px -145px
}

.qq_face .qqface78 {
    background-position: -87px -145px
}

.qq_face .qqface79 {
    background-position: -116px -145px
}

.qq_face .qqface80 {
    background-position: -145px -145px
}

.qq_face .qqface81 {
    background-position: -174px -145px
}

.qq_face .qqface82 {
    background-position: -203px -145px
}

.qq_face .qqface83 {
    background-position: -232px -145px
}

.qq_face .qqface84 {
    background-position: -261px -145px
}

.qq_face .qqface85 {
    background-position: -290px -145px
}

.qq_face .qqface86 {
    background-position: -319px -145px
}

.qq_face .qqface87 {
    background-position: -348px -145px
}

.qq_face .qqface88 {
    background-position: -377px -145px
}

.qq_face .qqface89 {
    background-position: -406px -145px
}

.qq_face .qqface90 {
    background-position: 0 -174px
}

.qq_face .qqface91 {
    background-position: -29px -174px
}

.qq_face .qqface92 {
    background-position: -58px -174px
}

.qq_face .qqface93 {
    background-position: -87px -174px
}

.qq_face .qqface94 {
    background-position: -116px -174px
}

.qq_face .qqface95 {
    background-position: -145px -174px
}

.qq_face .qqface96 {
    background-position: -174px -174px
}

.qq_face .qqface97 {
    background-position: -203px -174px
}

.qq_face .qqface98 {
    background-position: -232px -174px
}

.qq_face .qqface99 {
    background-position: -261px -174px
}

.qq_face .qqface100 {
    background-position: -290px -174px
}

.qq_face .qqface101 {
    background-position: -319px -174px
}

.qq_face .qqface102 {
    background-position: -348px -174px
}

.qq_face .qqface103 {
    background-position: -377px -174px
}

.qq_face .qqface104 {
    background-position: -406px -174px
}

.control_panel .content img {
    vertical-align: middle;
}

.qqemoji {
    background: url(../chat/images/qqSmilies.png) top left no-repeat;
    width: 20px;
    height: 20px;
    display: inline;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom:1;*display: inline
}

.qqemoji0 {
    background-position: 0 0
}

.qqemoji1 {
    background-position: -24px 0
}

.qqemoji2 {
    background-position: -48px 0
}

.qqemoji3 {
    background-position: -72px 0
}

.qqemoji4 {
    background-position: -96px 0
}

.qqemoji5 {
    background-position: -120px 0
}

.qqemoji6 {
    background-position: -144px 0
}

.qqemoji7 {
    background-position: -168px 0
}

.qqemoji8 {
    background-position: -192px 0
}

.qqemoji9 {
    background-position: -216px 0
}

.qqemoji10 {
    background-position: -240px 0
}

.qqemoji11 {
    background-position: -264px 0
}

.qqemoji12 {
    background-position: -288px 0
}

.qqemoji13 {
    background-position: -312px 0
}

.qqemoji14 {
    background-position: -336px 0
}

.qqemoji15 {
    background-position: 0 -24px
}

.qqemoji16 {
    background-position: -24px -24px
}

.qqemoji17 {
    background-position: -48px -24px
}

.qqemoji18 {
    background-position: -72px -24px
}

.qqemoji19 {
    background-position: -96px -24px
}

.qqemoji20 {
    background-position: -120px -24px
}

.qqemoji21 {
    background-position: -144px -24px
}

.qqemoji22 {
    background-position: -168px -24px
}

.qqemoji23 {
    background-position: -192px -24px
}

.qqemoji24 {
    background-position: -216px -24px
}

.qqemoji25 {
    background-position: -240px -24px
}

.qqemoji26 {
    background-position: -264px -24px
}

.qqemoji27 {
    background-position: -288px -24px
}

.qqemoji28 {
    background-position: -312px -24px
}

.qqemoji29 {
    background-position: -336px -24px
}

.qqemoji30 {
    background-position: 0 -48px
}

.qqemoji31 {
    background-position: -24px -48px
}

.qqemoji32 {
    background-position: -48px -48px
}

.qqemoji33 {
    background-position: -72px -48px
}

.qqemoji34 {
    background-position: -96px -48px
}

.qqemoji35 {
    background-position: -120px -48px
}

.qqemoji36 {
    background-position: -144px -48px
}

.qqemoji37 {
    background-position: -168px -48px
}

.qqemoji38 {
    background-position: -192px -48px
}

.qqemoji39 {
    background-position: -216px -48px
}

.qqemoji40 {
    background-position: -240px -48px
}

.qqemoji41 {
    background-position: -264px -48px
}

.qqemoji42 {
    background-position: -288px -48px
}

.qqemoji43 {
    background-position: -312px -48px
}

.qqemoji44 {
    background-position: -336px -48px
}

.qqemoji45 {
    background-position: 0 -72px
}

.qqemoji46 {
    background-position: -24px -72px
}

.qqemoji47 {
    background-position: -48px -72px
}

.qqemoji48 {
    background-position: -72px -72px
}

.qqemoji49 {
    background-position: -96px -72px
}

.qqemoji50 {
    background-position: -120px -72px
}

.qqemoji51 {
    background-position: -144px -72px
}

.qqemoji52 {
    background-position: -168px -72px
}

.qqemoji53 {
    background-position: -192px -72px
}

.qqemoji54 {
    background-position: -216px -72px
}

.qqemoji55 {
    background-position: -240px -72px
}

.qqemoji56 {
    background-position: -264px -72px
}

.qqemoji57 {
    background-position: -288px -72px
}

.qqemoji58 {
    background-position: -312px -72px
}

.qqemoji59 {
    background-position: -336px -72px
}

.qqemoji60 {
    background-position: 0 -96px
}

.qqemoji61 {
    background-position: -24px -96px
}

.qqemoji62 {
    background-position: -48px -96px
}

.qqemoji63 {
    background-position: -72px -96px
}

.qqemoji64 {
    background-position: -96px -96px
}

.qqemoji65 {
    background-position: -120px -96px
}

.qqemoji66 {
    background-position: -144px -96px
}

.qqemoji67 {
    background-position: -168px -96px
}

.qqemoji68 {
    background-position: -192px -96px
}

.qqemoji69 {
    background-position: -216px -96px
}

.qqemoji70 {
    background-position: -240px -96px
}

.qqemoji71 {
    background-position: -264px -96px
}

.qqemoji72 {
    background-position: -288px -96px
}

.qqemoji73 {
    background-position: -312px -96px
}

.qqemoji74 {
    background-position: -336px -96px
}

.qqemoji75 {
    background-position: 0 -120px
}

.qqemoji76 {
    background-position: -24px -120px
}

.qqemoji77 {
    background-position: -48px -120px
}

.qqemoji78 {
    background-position: -72px -120px
}

.qqemoji79 {
    background-position: -96px -120px
}

.qqemoji80 {
    background-position: -120px -120px
}

.qqemoji81 {
    background-position: -144px -120px
}

.qqemoji82 {
    background-position: -168px -120px
}

.qqemoji83 {
    background-position: -192px -120px
}

.qqemoji84 {
    background-position: -216px -120px
}

.qqemoji85 {
    background-position: -240px -120px
}

.qqemoji86 {
    background-position: -264px -120px
}

.qqemoji87 {
    background-position: -288px -120px
}

.qqemoji88 {
    background-position: -312px -120px
}

.qqemoji89 {
    background-position: -336px -120px
}

.qqemoji90 {
    background-position: 0 -144px
}

.qqemoji91 {
    background-position: -24px -144px
}

.qqemoji92 {
    background-position: -48px -144px
}

.qqemoji93 {
    background-position: -72px -144px
}

.qqemoji94 {
    background-position: -96px -144px
}

.qqemoji95 {
    background-position: -120px -144px
}

.qqemoji96 {
    background-position: -144px -144px
}

.qqemoji97 {
    background-position: -168px -144px
}

.qqemoji98 {
    background-position: -192px -144px
}

.qqemoji99 {
    background-position: -216px -144px
}

.qqemoji100 {
    background-position: -240px -144px
}

.qqemoji101 {
    background-position: -264px -144px
}

.qqemoji102 {
    background-position: -288px -144px
}

.qqemoji103 {
    background-position: -312px -144px
}

.qqemoji104 {
    background-position: -336px -144px
}

.qqemoji105 {
    background-position: 0 -168px
}

.qqemoji106 {
    background-position: -24px -168px
}

.qqemoji107 {
    background-position: -48px -168px
}

.qqemoji108 {
    background-position: -72px -168px
}

.qqemoji109 {
    background-position: -96px -168px
}

.qqemoji110 {
    background-position: -120px -168px
}

.qqemoji111 {
    background-position: -144px -168px
}

.qqemoji112 {
    background-position: -168px -168px
}

.qqemoji113 {
    background-position: -192px -168px
}

.qqemoji114 {
    background-position: -216px -168px
}

.qqemoji115 {
    background-position: -240px -168px
}

.qqemoji116 {
    background-position: -264px -168px
}

.qqemoji117 {
    background-position: -288px -168px
}

.qqemoji118 {
    background-position: -312px -168px
}

.qqemoji119 {
    background-position: -336px -168px
}

.qqemoji120 {
    background-position: 0 -192px
}

.qqemoji121 {
    background-position: -24px -192px
}

.qqemoji122 {
    background-position: -48px -192px
}

.qqemoji123 {
    background-position: -72px -192px
}

.qqemoji124 {
    background-position: -96px -192px
}

.qqemoji125 {
    background-position: -120px -192px
}

.qqemoji126 {
    background-position: -144px -192px
}

.qqemoji127 {
    background-position: -168px -192px
}

.qqemoji128 {
    background-position: -192px -192px
}

.qqemoji129 {
    background-position: -216px -192px
}

.qqemoji130 {
    background-position: -240px -192px
}

.qqemoji131 {
    background-position: -264px -192px
}

.qqemoji132 {
    background-position: -288px -192px
}

.qqemoji133 {
    background-position: -312px -192px
}

.qqemoji134 {
    background-position: -336px -192px
}

.qqemoji135 {
    background-position: 0px -216px
}

.emoji_face {
    overflow: hidden;
    width: 551px;
    height: 202px;
    margin-right: -1px;
}

.emoji_face a{
    float: left;
    width: 28px;
    height: 28px;
    font-size: 0;
    text-indent: -999em;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    cursor: pointer;
    background: url(../chat/images/emojiface.png) no-repeat;
}
.emoji_face .emojiface0{
    background-position: 0 0;
}
.emoji_face .emojiface1{
    background-position: -29px 0;
}
.emoji_face .emojiface2{
    background-position: -58px 0;
}
.emoji_face .emojiface3{
    background-position: -88px 0;
}
.emoji_face .emojiface4{
    background-position: -117px 0;
}
.emoji_face .emojiface5{
    background-position: -146px 0;
}
.emoji_face .emojiface6{
    background-position: -176px 0;
}
.emoji_face .emojiface7{
    background-position: -205px 0;
}
.emoji_face .emojiface8{
    background-position: -234px 0;
}
.emoji_face .emojiface9{
    background-position: -263px 0;
}
.emoji_face .emojiface10{
    background-position: -290px 0;
}
.emoji_face .emojiface11{
    background-position: -320px 0;
}
.emoji_face .emojiface12{
    background-position: -350px 0;
}
.emoji_face .emojiface13{
    background-position: -379px 0;
}
.emoji_face .emojiface14{
    background-position: -408px 0;
}
.emoji_face .emojiface15{
    background-position: 0 -30px;
}
.emoji_face .emojiface16{
    background-position: -29px -30px;
}
.emoji_face .emojiface17{
    background-position: -58px -30px;
}
.emoji_face .emojiface18{
    background-position: -88px -30px;
}
.emoji_face .emojiface19{
    background-position: -117px -30px;
}
.emoji_face .emojiface20{
    background-position: -146px -30px;
}
.emoji_face .emojiface21{
    background-position: -176px -30px;
}
.emoji_face .emojiface22{
    background-position: -205px -30px;
}
.emoji_face .emojiface23{
    background-position: -234px -30px;
}
.emoji_face .emojiface24{
    background-position: -263px -30px;
}
.emoji_face .emojiface25{
    background-position: -290px -30px;
}
.emoji_face .emojiface26{
    background-position: -320px -30px;
}
.emoji_face .emojiface27{
    background-position: -350px -30px;
}
.emoji_face .emojiface28{
    background-position: -379px -30px;
}
.emoji_face .emojiface29{
    background-position: -408px -30px;
}
.emoji_face .emojiface30{
    background-position: 0 -58px;
}
.emoji_face .emojiface31{
    background-position: -29px -58px;
}
.emoji_face .emojiface32{
    background-position: -58px -58px;
}
.emoji_face .emojiface33{
    background-position: -88px -58px;
}
.emoji_face .emojiface34{
    background-position: -117px -58px;
}
.emoji_face .emojiface35{
    background-position: -146px -58px;
}
.emoji_face .emojiface36{
    background-position: -176px -58px;
}
.emoji_face .emojiface37{
    background-position: -205px -58px;
}
.emoji_face .emojiface38{
    background-position: -234px -58px;
}
.emoji_face .emojiface39{
    background-position: -263px -60px;
}
.emoji_face .emojiface40{
    background-position: -290px -58px;
}
.emoji_face .emojiface41{
    background-position: -320px -58px;
}
.emoji_face .emojiface42{
    background-position: -350px -58px;
}
.emoji_face .emojiface43{
    background-position: -379px -58px;
}
.emoji_face .emojiface44{
    background-position: -408px -58px;
}
.emoji_face .emojiface45{
    background-position: 0 -86px;
}
.emoji_face .emojiface46{
    background-position: -29px -86px;
}
.emoji_face .emojiface47{
    background-position: -58px -86px;
}
.emoji_face .emojiface48{
    background-position: -88px -86px;
}
.emoji_face .emojiface49{
    background-position: -117px -86px;
}
.emoji_face .emojiface50{
    background-position: -146px -86px;
}
.emoji_face .emojiface51{
    background-position: -176px -86px;
}
.emoji_face .emojiface52{
    background-position: -205px -86px;
}
.emoji_face .emojiface53{
    background-position: -234px -86px;
}
.emoji_face .emojiface54{
    background-position: -263px -86px;
}
.emoji_face .emojiface55{
    background-position: -290px -86px;
}
.emoji_face .emojiface56{
    background-position: -320px -86px;
}
.emoji_face .emojiface57{
    background-position: -350px -86px;
}
.emoji_face .emojiface58{
    background-position: -379px -86px;
}
.emoji_face .emojiface59{
    background-position: -408px -86px;
}
.emoji_face .emojiface60{
    background-position: 0 -117px;
}
.emoji_face .emojiface61{
    background-position: -29px -117px;
}
.emoji_face .emojiface62{
    background-position: -58px -117px;
}
.emoji_face .emojiface63{
    background-position: -88px -117px;
}
.emoji_face .emojiface64{
    background-position: -117px -117px;
}
.emoji_face .emojiface65{
    background-position: -146px -117px;
}
.emoji_face .emojiface66{
    background-position: -176px -117px;
}
.emoji_face .emojiface67{
    background-position: -205px -117px;
}
.emoji_face .emojiface68{
    background-position: -234px -117px;
}
.emoji_face .emojiface69{
    background-position: -263px -117px;
}
.emoji_face .emojiface70{
    background-position: -290px -117px;
}
.emoji_face .emojiface71{
    background-position: -320px -117px;
}
.emoji_face .emojiface72{
    background-position: -350px -117px;
}
.emoji_face .emojiface73{
    background-position: -379px -117px;
}
.emoji_face .emojiface74{
    background-position: -408px -117px;
}
.emoji_face .emojiface75{
    background-position: 0 -146px;
}
.emoji_face .emojiface76{
    background-position: -29px -146px;
}
.emoji_face .emojiface77{
    background-position: -58px -146px;
}
.emoji_face .emojiface78{
    background-position: -88px -146px;
}
.emoji_face .emojiface79{
    background-position: -117px -146px;
}
.emoji_face .emojiface80{
    background-position: -146px -146px;
}
.emoji_face .emojiface81{
    background-position: -176px -146px;
}
.emoji_face .emojiface82{
    background-position: -205px -146px;
}
.emoji_face .emojiface83{
    background-position: -234px -146px;
}
.emoji_face .emojiface84{
    background-position: -263px -146px;
}
.emoji_face .emojiface85{
    background-position: -290px -146px;
}
.emoji_face .emojiface86{
    background-position: -320px -146px;
}
.emoji_face .emojiface87{
    background-position: -350px -146px;
}
.emoji_face .emojiface88{
    background-position: -379px -146px;
}
.emoji_face .emojiface89{
    background-position: -408px -146px;
}
.emoji_face .emojiface90{
    background-position: 0 -177px;
}
.emoji_face .emojiface91{
    background-position: -29px -177px;
}
.emoji_face .emojiface92{
    background-position: -58px -177px;
}
.emoji_face .emojiface93{
    background-position: -88px -177px;
}
.emoji_face .emojiface94{
    background-position: -117px -177px;
}
.emoji_face .emojiface95{
    background-position: -146px -177px;
}
.emoji_face .emojiface96{
    background-position: -176px -177px;
}
.emoji_face .emojiface97{
    background-position: -205px -177px;
}
.emoji_face .emojiface98{
    background-position: -234px -177px;
}
.emoji_face .emojiface99{
    background-position: -263px -177px;
}
.emoji_face .emojiface100{
    background-position: -290px -177px;
}
.emoji_face .emojiface101{
    background-position: -320px -177px;
}
.emoji_face .emojiface102{
    background-position: -350px -177px;
}
.emoji_face .emojiface103{
    background-position: -379px -177px;
}
.emoji_face .emojiface104{
    background-position: -408px -177px;
}
.emoji_face .emojiface105{
    background-position: 0 -207px;
}
.emoji_face .emojiface106{
    background-position: -29px -207px;
}
.emoji_face .emojiface107{
    background-position: -58px -207px;
}
.emoji_face .emojiface108{
    background-position: -88px -207px;
}
.emoji_face .emojiface109{
    background-position: -117px -207px;
}
.emoji_face .emojiface110{
    background-position: -146px -207px;
}
.emoji_face .emojiface111{
    background-position: -176px -207px;
}
.emoji_face .emojiface112{
    background-position: -205px -207px;
}
.emoji_face .emojiface113{
    background-position: -234px -207px;
}
.emoji_face .emojiface114{
    background-position: -263px -207px;
}
.emoji_face .emojiface115{
    background-position: -290px -207px;
}
.emoji_face .emojiface116{
    background-position: -320px -207px;
}
.emoji_face .emojiface117{
    background-position: -350px -207px;
}
.emoji_face .emojiface118{
    background-position: -379px -207px;
}
.emoji_face .emojiface119{
    background-position: -408px -207px;
}
.emoji_face .emojiface120{
    background-position: 0 -239px;
}
.emoji_face .emojiface121{
    background-position: -29px -239px;
}
.emoji_face .emojiface122{
    background-position: -58px -239px;
}
.emoji_face .emojiface123{
    background-position: -88px -239px;
}
.emoji_face .emojiface124{
    background-position: -117px -239px;
}
.emoji_face .emojiface125{
    background-position: -146px -239px;
}
.emoji_face .emojiface126{
    background-position: -176px -239px;
}
.emoji_face .emojiface127{
    background-position: -205px -239px;
}

.standard-emoji{
    display: inline-block;
    vertical-align: top;
    height:25px;
    width:25px;
    background-image: url(../chat/images/emojiSmilies.png);
    background-repeat: no-repeat;
}
.standard-emoji0{
    background-position: 0 0;
}
.standard-emoji1{
    background-position: -25px 0;
}
.standard-emoji2{
    background-position: -50px 0;
}
.standard-emoji3{
    background-position: -75px 0;
}
.standard-emoji4{
    background-position: -100px 0;
}
.standard-emoji5{
    background-position: -125px 0;
}
.standard-emoji6{
    background-position: -150px 0;
}
.standard-emoji7{
    background-position: -175px 0;
}
.standard-emoji8{
    background-position: -200px 0;
}
.standard-emoji9{
    background-position: -225px 0;
}
.standard-emoji10{
    background-position: -250px 0;
}
.standard-emoji11{
    background-position: -275px 0;
}
.standard-emoji12{
    background-position: -300px 0;
}
.standard-emoji13{
    background-position: -325px 0;
}
.standard-emoji14{
    background-position: -350px 0;
}
.standard-emoji15{
    background-position: 0 -25px;
}
.standard-emoji16{
    background-position: -25px -25px;
}
.standard-emoji17{
    background-position: -50px -25px;
}
.standard-emoji18{
    background-position: -75px -25px;
}
.standard-emoji19{
    background-position: -100px -25px;
}
.standard-emoji20{
    background-position: -125px -25px;
}
.standard-emoji21{
    background-position: -150px -25px;
}
.standard-emoji22{
    background-position: -175px -25px;
}
.standard-emoji23{
    background-position: -200px -25px;
}
.standard-emoji24{
    background-position: -225px -25px;
}
.standard-emoji25{
    background-position: -250px -25px;
}
.standard-emoji26{
    background-position: -275px -25px;
}
.standard-emoji27{
    background-position: -300px -25px;
}
.standard-emoji28{
    background-position: -325px -25px;
}
.standard-emoji29{
    background-position: -350px -25px;
}
.standard-emoji30{
    background-position: 0 -50px;
}
.standard-emoji31{
    background-position: -25px -50px;
}
.standard-emoji32{
    background-position: -50px -50px;
}
.standard-emoji33{
    background-position: -75px -50px;
}
.standard-emoji34{
    background-position: -100px -50px;
}
.standard-emoji35{
    background-position: -125px -50px;
}
.standard-emoji36{
    background-position: -150px -50px;
}
.standard-emoji37{
    background-position: -175px -50px;
}
.standard-emoji38{
    background-position: -200px -50px;
}
.standard-emoji39{
    background-position: -225px -50px;
}
.standard-emoji40{
    background-position: -250px -50px;
}
.standard-emoji41{
    background-position: -275px -50px;
}
.standard-emoji42{
    background-position: -300px -50px;
}
.standard-emoji43{
    background-position: -325px -50px;
}
.standard-emoji44{
    background-position: -350px -50px;
}
.standard-emoji45{
    background-position: 0 -73px;
}
.standard-emoji46{
    background-position: -25px -73px;
}
.standard-emoji47{
    background-position: -50px -73px;
}
.standard-emoji48{
    background-position: -75px -73px;
}
.standard-emoji49{
    background-position: -100px -73px;
}
.standard-emoji50{
    background-position: -125px -73px;
}
.standard-emoji51{
    background-position: -150px -73px;
}
.standard-emoji52{
    background-position: -175px -73px;
}
.standard-emoji53{
    background-position: -200px -73px;
}
.standard-emoji54{
    background-position: -225px -73px;
}
.standard-emoji55{
    background-position: -250px -73px;
}
.standard-emoji56{
    background-position: -275px -73px;
}
.standard-emoji57{
    background-position: -300px -73px;
}
.standard-emoji58{
    background-position: -325px -73px;
}
.standard-emoji59{
    background-position: -350px -73px;
}
.standard-emoji60{
    background-position: 0 -100px;
}
.standard-emoji61{
    background-position: -25px -100px;
}
.standard-emoji62{
    background-position: -50px -100px;
}
.standard-emoji63{
    background-position: -75px -100px;
}
.standard-emoji64{
    background-position: -100px -100px;
}
.standard-emoji65{
    background-position: -125px -100px;
}
.standard-emoji66{
    background-position: -150px -100px;
}
.standard-emoji67{
    background-position: -175px -100px;
}
.standard-emoji68{
    background-position: -200px -100px;
}
.standard-emoji69{
    background-position: -225px -100px;
}
.standard-emoji70{
    background-position: -250px -100px;
}
.standard-emoji71{
    background-position: -275px -100px;
}
.standard-emoji72{
    background-position: -300px -100px;
}
.standard-emoji73{
    background-position: -325px -100px;
}
.standard-emoji74{
    background-position: -350px -100px;
}
.standard-emoji75{
    background-position: 0 -125px;
}
.standard-emoji76{
    background-position: -25px -125px;
}
.standard-emoji77{
    background-position: -50px -125px;
}
.standard-emoji78{
    background-position: -75px -125px;
}
.standard-emoji79{
    background-position: -100px -125px;
}
.standard-emoji80{
    background-position: -125px -125px;
}
.standard-emoji81{
    background-position: -150px -125px;
}
.standard-emoji82{
    background-position: -175px -125px;
}
.standard-emoji83{
    background-position: -200px -125px;
}
.standard-emoji84{
    background-position: -225px -125px;
}
.standard-emoji85{
    background-position: -250px -125px;
}
.standard-emoji86{
    background-position: -275px -125px;
}
.standard-emoji87{
    background-position: -300px -125px;
}
.standard-emoji88{
    background-position: -325px -125px;
}
.standard-emoji89{
    background-position: -350px -125px;
}
.standard-emoji90{
    background-position: 0 -152px;
}
.standard-emoji91{
    background-position: -25px -152px;
}
.standard-emoji92{
    background-position: -50px -152px;
}
.standard-emoji93{
    background-position: -75px -152px;
}
.standard-emoji94{
    background-position: -100px -152px;
}
.standard-emoji95{
    background-position: -125px -152px;
}
.standard-emoji96{
    background-position: -150px -152px;
}
.standard-emoji97{
    background-position: -175px -152px;
}
.standard-emoji98{
    background-position: -200px -152px;
}
.standard-emoji99{
    background-position: -225px -152px;
}
.standard-emoji100{
    background-position: -250px -152px;
}
.standard-emoji101{
    background-position: -275px -152px;
}
.standard-emoji102{
    background-position: -300px -152px;
}
.standard-emoji103{
    background-position: -325px -152px;
}
.standard-emoji104{
    background-position: -350px -152px;
}
.standard-emoji105{
    background-position: 0 -177px;
}
.standard-emoji106{
    background-position: -25px -177px;
}
.standard-emoji107{
    background-position: -50px -177px;
}
.standard-emoji108{
    background-position: -75px -177px;
}
.standard-emoji109{
    background-position: -100px -177px;
}
.standard-emoji110{
    background-position: -125px -177px;
}
.standard-emoji111{
    background-position: -150px -177px;
}
.standard-emoji112{
    background-position: -175px -177px;
}
.standard-emoji113{
    background-position: -200px -177px;
}
.standard-emoji114{
    background-position: -225px -177px;
}
.standard-emoji115{
    background-position: -250px -177px;
}
.standard-emoji116{
    background-position: -275px -177px;
}
.standard-emoji117{
    background-position: -300px -177px;
}
.standard-emoji118{
    background-position: -325px -177px;
}
.standard-emoji119{
    background-position: -350px -177px;
}
.standard-emoji120{
    background-position: 0 -204px;
}
.standard-emoji121{
    background-position: -25px -204px;
}
.standard-emoji122{
    background-position: -50px -204px;
}
.standard-emoji123{
    background-position: -75px -204px;
}
.standard-emoji124{
    background-position: -100px -204px;
}
.standard-emoji125{
    background-position: -125px -204px;
}
.standard-emoji126{
    background-position: -150px -204px;
}
.standard-emoji127{
    background-position: -175px -204px;
}

.standard-emoji-ue{
    display: inline-block;
    vertical-align: top;
    height:25px;
    width:25px;
}

.chat-monitor .custom_face {
    overflow: auto;
    width: 510px;
    height: 202px;
    margin-right: -1px;
}

.chat-monitor .custom_face a {
    float: left;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    cursor: pointer;
}
.chat-monitor .custom_face .customface img {
    max-width: 50px;
    max-height: 50px;
}
.chat-monitor .custom-emoji {
    max-width: 200px;
    max-height: 200px;
}


.chat-monitor .webuploader-container {
    position: relative;
}

.chat-monitor .chat_item .close {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center;
    vertical-align: middle;
    color: #444;
    opacity: 0.5;
}
.chat-monitor .chat_item:hover .close{
    display: block;
}
.chat-monitor .chat_item .close:hover {
    opacity: 1;
}
.chat-monitor .chat_item .rate {
    margin-top: 5px;
}

/* .chat_item.closed {
    background-color: #f0f0f0;
}
.chat_item.closed .info .nickname {
    color: #bfbfbf;
} */

.chat-monitor .btn_send[disabled] {
    color: #888;
    pointer-events: none;
}

.chat-monitor .system_menu {
    background: transparent!important;
    z-index: 102!important;
    width: 140px;
    top: 40px;
    left: 120px;
}

.chat-monitor .user_status_menu {
    background: transparent!important;
    z-index: 102!important;
    width: 140px;
    top: 80px;
    left: 10px;
}

.chat-monitor .user_status_menu ul>li>a .selected {
    float: right;
    color: green;
    line-height: 23px;
}

.chat-monitor .session_more_menu {
    background: transparent!important;
    z-index: 102!important;
    width: 140px;
}

.chat-monitor .dropdown_menu {
    padding-left: 0;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    box-shadow: rgba(0,0,0,.1) 2px 3px 10px;
    -moz-box-shadow: rgba(0,0,0,.1) 2px 3px 10px;
    -webkit-box-shadow: rgba(0,0,0,.1) 2px 3px 10px;
    min-width: 125px
}

.chat-monitor .dropdown_menu li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding: 8px;
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    line-height: 23px;
}

.chat-monitor .dropdown_menu li a:hover {
    background-color: #f5f5f5
}

.chat-monitor .dropdown_menu li i {
    margin-right: 8px;
    color: #ccc;
    vertical-align: text-top;
    font-size: 1.2em;
    position: relative;
    display: inline-block;
    width: 18px;
    text-align: center;
}

.chat-monitor .dropdown_menu li .slash {
    font-size: 12px;
}

.chat-monitor .dropdown_menu li .slash i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    margin: 0;
}

.chat-monitor .dropdown_menu li.last_child a {
    border-bottom: 0
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes chat-dialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes chat-dialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.chat-monitor .chat-dialog,.chat-monitor .chat-dialog *,.chat-monitor .chat-dialog :before,.chat-monitor .chat-dialog :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chat-monitor .chat-dialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.chat-monitor .chat-dialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: chat-dialog-fadein .1s;
    animation: chat-dialog-fadein .1s
}

.chat-monitor .chat-dialog.chat-dialog-closing .chat-dialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: chat-dialog-fadeout .1s;
    animation: chat-dialog-fadeout .1s
}

.chat-monitor .chat-dialog-content {
    background: #fff;
    -webkit-backface-visibility: hidden;
    -webkit-animation: chat-dialog-fadein .1s;
    animation: chat-dialog-fadein .1s
}

.chat-monitor .chat-dialog.chat-dialog-closing .chat-dialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: chat-dialog-fadeout .1s;
    animation: chat-dialog-fadeout .1s
}

.chat-monitor .chat-dialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

.chat-monitor .chat-dialog.default .chat-dialog-content {
    background: #fff;
    border-radius: 5px;
    color: #444;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 450px
}

.chat-monitor .chat-dialog.default .chat-dialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.chat-monitor .chat-dialog.default .chat-dialog-close:before {
    background: transparent;
    border-radius: 3px;
    color: #bbb;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 30px
}

.chat-monitor .chat-dialog.default .chat-dialog-close:hover:before,.chat-monitor .chat-dialog.default .chat-dialog-close:active:before {
    color: #777
}

.chat-monitor .chat-dialog.default .chat-dialog-message {
    margin-bottom: .5em
}

.chat-monitor .chat-dialog.default .chat-dialog-input {
    margin-bottom: 1em
}

.chat-monitor .chat-dialog.default .chat-dialog-buttons {
    *zoom:1
}

.chat-monitor .chat-dialog.default .chat-dialog-buttons:after {
    content: '';
    display: table;
    clear: both
}

.chat-monitor .chat-dialog.default .chat-dialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase
}

.chat-monitor .chat-dialog.default .chat-dialog-button:focus {
    outline: 0
}

.chat-monitor .chat-dialog.default .chat-dialog-button.chat-dialog-button-primary {
    background: #3288e6;
    color: #fff
}
.chat-monitor .chat-dialog input[type=checkbox] {
    vertical-align: middle;
}

.chat-monitor .chat-dialog .chat-dialog-content .chat-dialog-row {
    padding: 10px 0 0 0;
}
.chat-monitor .chat-dialog .chat-dialog-content .chat-dialog-row span {
    padding: 0 10px 0 0;
}

.chat-monitor .dialog_hd .title {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 14px;
}
.chat-monitor .dialog_ft {
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.chat-monitor .dialog_ft .btn {
    margin-left: 16px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 3px 20px;
    font-size: 14px;
}

.chat-monitor .dialog_ft .btn_primary {
    background-color: #3caf36;
    color: #fff;
    border: 0 none;
    padding-left: 70px;
    padding-right: 70px;
}

.chat-monitor .chat-select{
    width: 100%;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #bbb;
    padding: 4px;
    color: #555;
}

.chat-monitor .chooser {
    margin: 0 20px;
    max-height: 400px;
    overflow: auto;
}

.chat-monitor .chooser .contact_item {
    overflow: hidden;
    padding: 7px 20px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}

.chat-monitor .chooser .contact_item.active {
    background-color: #EFEFEF;
}

.chat-monitor .chooser .contact_title {
    background: #f8f8f8;
    font-weight: 400;
    font-size: 13px;
    padding: 0 18px;
    line-height: 25px;
}

.chat-monitor .chooser .contact_notice {
    padding-left: 50px;
    font-weight: 400;
    font-size: 13px;
}

.chat-monitor .chooser .opt {
    float: left;
    margin-right: 10px;
}

.chat-monitor .chooser .avatar {
    float: left;
    margin-right: 10px;
}

.chat-monitor .chooser .avatar .img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.chat-monitor .chooser .info {
    overflow: hidden;
    line-height: 20px;
}

.chat-monitor .chooser .info .nickname {
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.chat-monitor .web_wechat_choose_wireframe {
    background: url(../chat/images/sprite.png) 0 -561px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}
.chat-monitor .web_wechat_choose_green {
    background: url(../chat/images/sprite.png) 0 -521px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.chat-monitor .workgroup-queue-select-container {
    padding: 0 20px;
    display: flex;
}

.chat-monitor .workgroup-queue-select-container select {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #bbb;
    padding: 4px;
    color: #555;
    width: 100%;
}

.chat-monitor .workgroup-queue-select-container .chat-workgroup-select {
    margin-right: 5px;
}

.chat-monitor .agentname-input-container {
    padding: 5px 20px;
}

.chat-monitor .agentname-input-container .agentname-input {
    width: 100%;
}

.chat-monitor #tcDialog .comments {
    margin: 10px 20px;
    font-size: 13px;
}
.chat-monitor #tcDialog .comments .comments-editor {
    height: 80px;
    padding: 7px;
    border: 2px solid #ccc;
}

.chat-monitor #tcDialog .confirm {
    position: relative;
}

.chat-monitor #tcDialog .confirm.loading {
    background-color: #888;
    pointer-events: none;
}

.chat-monitor #tcDialog .confirm i {
    position: absolute;
    left: 10px;
    top: 6px;
    display: none;
}

.chat-monitor #tcDialog .confirm.loading i {
    display: block;
}

.chat-monitor .control_panel .pre_message_container {
    padding: 2px 20px;
    font-size: 14px;
    min-height: 19px;
    background: linear-gradient(to bottom, #fff 0%,#ddd 100%);
    display: none;
}

.chat-monitor .notice {
    text-align: center;
    color: #b9b9b9;
    padding: 10px 0px;
}

.chat-monitor .notice .line {
    margin: 0 23px;
}

.chat-monitor .message-voice {
    /*width: 125px;*/
    height: 30px;
    padding: 0px;
    background: url('../chat/images/voice-green.png');
    background-size: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.chat-monitor .message-voice.listened {
    background: url('../chat/images/voice.png');
    background-size: 30px;
    background-repeat: no-repeat;
}
.chat-monitor .message-voice.active{
    background: url('../chat/images/voice.gif');
    background-size: 30px;
    background-repeat: no-repeat;
}
.chat-monitor .message-voice:after {
    margin: 5px 0;
    display: block;
    content: attr(data-length) 's';
    margin-left: 80px;
}
.chat-monitor .wechat-voice:after {
    margin: 5px 0;
    display: block;
    content: '语音';
    margin-left: 90px;
}
.chat-monitor .wechat-voice-recognition {
    padding-top: 5px;
    margin-top: 7px;
    border-top: 1px solid #d6d6d6;
}

.chat-monitor .message-location,.chat-monitor .message-file {
    min-height: 30px;
    padding: 0px;
    background-size: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size:13px;
}
.chat-monitor .message-location{
    background-image: url(../chat/images/location.png);
    max-width: 200px;
}
.chat-monitor .message-location.thumb{
    background-image: none;
    max-width: none;
}
.chat-monitor .message-location.thumb img{
    max-width: 300px;
    max-height: 200px;
}
.chat-monitor .message-file{
    background-image: url(../chat/images/file.png);
}
.chat-monitor .message-location:after {
    content: attr(data-address);
    display: block;
    margin-left: 40px;
    line-height: 20px;
    margin-top: 6px;
    word-wrap: break-word;
}
.chat-monitor .message-file:after {
    content: attr(data-name);
    display: block;
    margin-left: 40px;
    line-height: 30px;
}

.chat-monitor .chat_item .tags {
    margin-top: 7px;
}

.chat-monitor .chat_item .tags span {
    padding: 1px 6px;
    border-radius: 5px;
    margin-right: 2px;
    margin-top: 5px;
    line-height: 24px;
    display: inline-block;
}

.chat-monitor .chat_item.closed .tags span{
    background: #AEAEAE!important;
    color: #FFFFFF!important;
}

.chat-monitor .requestDialog table {
    margin: 0 auto 10px;
    width: 80%;
    text-align: center;
    font-size: 15px;
    font-weight: bolder;
}

.chat-monitor .requestDialog table tr {
    height:30px;
}

.chat-monitor .requestDialog .progress {
    width: 90%;
    height: 12px;
    margin: 0 auto;
}

.chat-monitor .requestDialog .reject {
    background-color: #FFCE42;
}

.chat-monitor .requestDialog .dialog_ft{
    width: 100%;
    margin: 0 auto;
}

.chat-monitor .requestDialog .dialog_ft a.btn:first-child {
    margin: 0;
}

.chat-monitor .requestDialog .dialog_ft a.btn{
    margin-left:22px;
}

.chat-monitor .control_panel .content {
    position: relative;
    flex: 1;
    height: 0;
}

.chat-monitor .control_panel .content .chat-suggestion {
    position: absolute;
    top: 22px;
    left: 15px;
    width: 97%;
    max-height: 60px;
    overflow-y: auto;
}

.chat-monitor .control_panel .content .chat-suggestion ul {
    list-style-type: none;
    padding: 0;
    height: 100%
}

.chat-monitor .control_panel .content .chat-suggestion ul li {
    background-color: #FFF;
    border: 1px solid #bbb;
    padding: 0px 5px;
    border-radius: 2px;
    max-height: 20px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 0;
}

.chat-monitor .control_panel .content .chat-suggestion ul li:hover {
    background-color: #eef6fb;
}

.chat-monitor .control_panel .content .chat-suggestion ul li.selected {
    background-color: #eef6fb;
}

.chat-monitor .control_panel .content .chat-suggestion ul li.first {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.chat-monitor .control_panel .content .chat-suggestion ul li.last {
    border-bottom: 1px solid #bbb;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.chat-monitor .control_panel .content .chat-suggestion ul li .title{
    font-weight: bold;
    padding-right: 10px;
}

.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}

/** 机器人模式的图文模式**/
.chat-monitor .tb-view{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    min-width: 300px;
    background-color: #fff;
}
.chat-monitor .tb-view .tb-cell{
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    background-color: #fff;
}
.chat-monitor .tb-cell > a{
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.chat-monitor .tb-cell > a .tb-img{
    line-height: 42px;
    max-width: 42px;
    height: 42px;
    float: right;
    margin-right: 10px;
}
.chat-monitor .tb-cell_first .first-img{
    width: 100%;
    height: 200px;
}
.chat-monitor .tb-cell_first a .tb-img{
    width: 100%;
    max-width: 100%;
    height: initial;;
    float: none;
    margin: 0;
}

.chat-monitor .tb-cell_first a .tb-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 5px 10px;
}

.chat-monitor .tb-cell_first .tb-body .tb-content {
    color: #fff;
    margin-top: 0;
}

.chat-monitor .tb-cell > a .tb-body{
    overflow: hidden;
}
.chat-monitor .tb-cell .tb-body .tb-content{
    white-space: normal;
    margin-top: 5px;
    line-height: 20px;
    color: #a7a7a7;
}

.dw-highlight {
    background: #f39c12
}

.chat-monitor .robotResponseWrapper {
    width: 400px;
    height: auto;
    border-radius: 0 4px 4px 4px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
}
.chat-monitor .robotResponseWrapper .question {
    margin: 0;
    display: block;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.chat-monitor .robotResponseWrapper .question a {
    text-decoration: none;
    color: #424345;
}
.chat-monitor .robotResponseWrapper .question .arrowDown,
.chat-monitor .robotResponseWrapper .question .arrowUp {
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: right;
    float: right;
    cursor:pointer;
}
.chat-monitor .robotResponseWrapper .content {
    margin: 0;
    padding: 10px;
    width: 100%;
    border-top: 1px solid #EBEBEB;
    background-color: #F9F9F9;
    background-size: 40px;
    box-sizing: border-box;
    cursor:pointer;
}

.chat-monitor .robotResponseWrapper .content img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.chat-monitor .configDialog .config-desc {
    min-width: 208px;
    display: inline-block;
    font-weight: 600;
    height: 23px;
    text-align: right;
}
.chat-monitor .configDialog .config-sonm-input {
    display: inline-block;
    min-width: 40px;
}

.chat-monitor .message-imgtext {
    position: relative;
    width: 275px;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 6px;
}
.chat-monitor .message-imgtext .title {
    font-size: 20px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.chat-monitor .message-imgtext .content {
    position: relative;
    color: #ccc;
    height: 60px;
    margin-top: 5px;
}
.chat-monitor .message-imgtext .content .desc {
    display: inline-block;
    overflow: hidden;
    margin-top: 3px;
}
.chat-monitor .message-imgtext .content .desc .wrapper {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 60px;
    width: 210px;
}
.chat-monitor .message-imgtext .content .thumb {
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px;
}
.chat-monitor .message-card {
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    padding: 6px;
}
.chat-monitor .message-card .card-img {
    width: 300px;
    height: 300px;
}
.chat-monitor .message-card .price {
    color: #c0392b;
    font-size: 12px;
    margin-top: 2px;
}
.chat-monitor .message-card .price .imp {
    font-size: 20px;
}
.chat-monitor .message-card .title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}
.chat-monitor .message-card .from {
    font-size: 12px;
    color: #bdc3c7;
    font-weight: bold;
    margin-top: 2px;
}

/*评分回馈框*/
.rate-title {
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
    line-height: 26px;
    color: #3386ce;
    background: #eef6fb;
    margin: 5px -5px -5px;
    border-radius: 0 0 5px 5px;
}

.rete-result-extend {
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-left: 5px;
}

.chat-monitor .send-message {
    display: block;
}
.chat-monitor span.result-extend-li{
    display: block
}


.meeting {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: rgba(0, 0, 0, .26);
    display: none;
}

.meeting * {
    box-sizing: border-box;
}

.meeting .caller {
    z-index: 1000;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.meeting .caller .audio {
    width: 360px;
    padding-top: 30px;
    margin: auto;
    position: relative;
    font-size: 14px;
    color: #111;
    border-radius: 6px;
    background: #fafafc;
    text-align: center;
    z-index: 0;
    overflow: hidden;
    box-shadow: 1px 1px 11px #c2c2c2;
}

.meeting .caller .audio .setCon {
    padding: 0 30px;
    background: #fafafc;
    min-height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.meeting .caller .setCon .img {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 14px;
    overflow: hidden;
    background-image: linear-gradient(rgb(255, 203, 76), rgb(255, 197, 123));
}

.meeting .caller .setCon p:first-of-type {
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.meeting .caller .setCon p:nth-of-type(2) {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-bottom: 20px;
}

.meeting .caller .audio .btnGroup {
    height: 60px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0 30px;
    display: flex;
}

.meeting .caller .audio .btnGroup svg {
    cursor: pointer;
    margin-right: 15px;
}

.meeting .caller .btnGroup .confirm {
    width: 130px;
    height: 36px;
    background: #da4a4a;
    border: 0;
    border-radius: 6px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding: 0;
}

.meeting .caller .video .title, .meeting .caller .video {
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    background: #fff;
}

.meeting .caller .video {
    width: 600px;
    margin: auto;
    font-size: 14px;
    color: #111;
    border-radius: 6px;
    z-index: 0;
}

.meeting .caller .video .title {
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #222;
    text-align: center;
    border-radius: 6px 6px 0 0;
}

.meeting .caller .video .setCon {
    display: flex;
}

.meeting .caller .video .setCon .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 389px;
    height: 398px;
    background: linear-gradient(to top, #272727 0%, #929292 100%);
    border-radius: 0 0 0 6px;
}

.meeting .caller .video .setCon .left p {
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
    color: #fff;
}

.meeting .caller .video .setCon .left .waitAccept {
    text-align: center;
    margin-top: 78px;
}

.meeting .caller .video .setCon .left .waitVideo {
    width: 100%;
    height: 100%;
    display: none;
}

.meeting .caller .video .setCon video {
    object-fit:cover;
    width: 100%;
    height: 100%;
}

.meeting .caller .video .setCon .right {
    width: 1px;
    flex: 1;
    position: relative;
}

.meeting .caller .video .setCon .right .videoBox {
    width: 100%;
    height: 115px;
    background: linear-gradient(to top, #272727, #929292);
}

.meeting .caller .video .setCon .right .btnGroup {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 25px;
}

.meeting .caller .video .setCon .right .videoBox .iconBox {
    cursor: pointer;
    margin-left: 5px;
}

/*.meeting .caller .btnGroup svg:hover path {*/
/*    fill: #0c9f7b;*/
/*}*/
.meeting .caller .removeVideoContainer {
    display: none;
}
.meeting .caller .waitVideo .removeAudioSvgActive svg path {
    fill: #0c9f7b;
}
.meeting .caller .videoBox .audioSvgActive svg path {
    fill: #0c9f7b;
}
.meeting .caller .waitVideo a {
    color: #9CA0A0;
}
.meeting .caller .videoBox  a {
    color: #9CA0A0;
}
.meeting .caller .waitVideo .removeVideoSvgActive a {
    color: #0c9f7b;
}
.meeting .caller .videoBox .videoSvgActive a {
    color: #0c9f7b;
}
.meeting .caller .waitVideo .videoAndAudioBtn {
    display: flex;
    justify-content: center
}
.meeting .caller .videoBox .videoAndAudioBtn {
    display: flex;
    justify-content: center
}
.meeting .caller .video-container {
    position: relative;
    display: inline-block;
}
.meeting .caller .video-container .overlay {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.meeting .caller .audio .btnGroup.sec {
    display: flex;
    justify-content: space-between;
}

.meeting .caller .audio .btnGroup.sec .cancel {
    width: 130px;
    border-radius: 6px;
    background: #f5f6f7;
    display: block;
    outline: none;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    color: #367ee8;
    padding: 0;
    border: 1px solid #d5d5d5;
}

.meeting .caller .btnGroup.sec .confirm {
    background: #367EE8;
}

.session_refresh_btn {
    cursor: pointer;
    margin-top: 12px;
    font-size: 20px;
    color: #aaa;
}
